{% extends 'base.html' %}
{% block title %}
    <a class="navbar-brand" href="#"> 添加 {{ staff.username }} 的休假信息 </a>
{% endblock %}
{% block content %}
<div class="content">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<div class="card">
					<form id="allInputsFormValidation" class="form-horizontal"  method="post" >
						<div class="content">
							<h4 class="title">添加 {{ staff.username }} 的休假信息</h4>

							<fieldset>
								<div class="form-group">
                                    <label class="col-sm-2 control-label" >休假起始时间<span style="color:red">*</span></label>
                                    <div class="col-sm-6">

                                        <input type="date" name="starting_time"  class="form-control datepicker" autocomplete="off" required>
                                    </div>
                                </div>
							</fieldset>

							<fieldset>
								<div class="form-group">
                                    <label class="col-sm-2 control-label">休假结束时间<span style="color:red">*</span></label>
                                    <div class="col-sm-6">

                                        <input type="date" name="ending_time" class="form-control datepicker" autocomplete="off" required>
                                    </div>
                                </div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										休假原因
									<span style="color:red">*</span></label>
									<div class="col-sm-6">
										<textarea cols="50" rows="8" name="cause" class="form-control datepicker" autocomplete="off" required></textarea>
									</div>
								</div>
							</fieldset>
						</div>
						<div class="card-footer text-center">
							<input type="submit" name="submit" class="btn btn-info btn-fill" value="添加">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
{% endblock %}